<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>项目登录页面</title>
</head>
<style>
    *{
        box-sizing: border-box;
    }
    .main{
        background: url("../imgs/1.jpg") no-repeat center;
        background-size: cover;
        height:800px;
        text-align: center;
        box-shadow: rgba(0 ,0,0,0.5);
        line-height: 600px;
        opacity: 100%;
        position: relative;
    }
    .parent{
        width: 300px;
        height:300px;
        position: relative;
        top: 240px;
        left: 560px;
        background-color: white;
        border-radius: 10px;
    }
    .small{
        width: 260px;
        height: 50px;
        background-color: #189f92;
        position: relative;
        left: 550px;
        top: 0px;
        z-index: 1;
        padding: 25px 70px;
        box-shadow: 0 0 10px rgba(0 ,0,0,0.5);

    }
    span{

    }
</style>
<body>
<div class="main">
    <div class="parent">
    </div>
    <div class="small">
        <span>智游-公寓管理目录</span>
    </div>
</div>
</body>
</html>